<template>
  <div class="app">
    <h1>App组件</h1>
    <p>value:{{ value }}</p>
    <!--    vue2 的v-model通信的 本质-->
    <!--    <Count :value="value" @input="value=$event"/>-->

    <Count v-model:modevalue="value"/>
    <!--    vue3 的v-model通信的 本质-->
    <!--    <Count :modevalue="value" @update:modevalue="value=$event"/>-->
  </div>
</template>

<script lang="ts">
import {defineComponent} from "vue";

export default defineComponent({
  name: "App",
});
</script>

<script setup lang="ts">
// 引入组件
import Count from "./components/Count/index.vue";
import {ref} from "vue";

const value = ref('eqweqw');

</script>

<style scoped>
.app {
  background-color: pink;
}
</style>
